<!--
  @desc: 投前走访记录
  @author: lanbao
-->
<template>
  <div class='visitRecord'>
    <ul class="content">
      <li class="item" v-for="(items, i) in contentList" :key="i">
        <p class="itemKey">{{items.title}}</p>
        <p class="itemVal">{{items.val}}</p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      contentList: [
        {title: '走访形式', val: '实地'},
        {title: '走访时间', val: '2020-01-01'},
        {title: '登记人', val: '冯俊熙'},
        {title: '登记日期', val: '2020-01-01 15:30:00'},
        {title: '操作', val: '详情'}
      ]
    }
  }
}</script>

<style lang="stylus" scoped>
  .visitRecord
    background #f4f4f4
    width 100%
    padding 10px 0
    .content
      width 95%
      height auto
      border-radius 8px
      margin 0 auto
      background #fff
      margin-bottom 10px
      padding 10px 0
      .item
        display flex
        justify-content space-between
        p
          color #5A4347
          font-size 15px
          line-height 18px
          margin 5px 10px
          word-break:break-all
        .itemKey
          width 30%
        .itemVal
          width 70%
          text-align right
</style>
